<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=, initial-scale=1li.0">
    <title>Document</title>
    <style>
        /* 并集选择器，以逗号为分割 （注意：并集选择器可以嵌套任何形式的选择器，只要用逗号分隔）*/
        /* 一下并集选择器嵌套了后代选择器 */
        /* 语法规范： 并集选择器喜欢竖着写 */
        div,
        p,
        .pig li {
            color: pink;
        }
    </style>
</head>

<body>
    <div>熊大</div>
    <p>熊二</p>
    <span>光头强</span>
    <ul class="pig">
        <li>小猪佩奇</li>
        <li>猪爸爸</li>
        <li>猪妈妈</li>
    </ul>
</body>

</html>